*{ font-family: "微软雅黑";font-size: 0.7rem; padding:0px; margin:0px;}
.left{ float: left}
.right{ float: right}
ol, ul, li {
    list-style: outside none none;
}
.clear{clear:both;}
.bar{ background:#fff;}
.b_red{background-color: #df3031; }
._head{ height: 2.2rem; line-height: 2.2rem;}
/**钱包**/
.qianbao_top_bar{ width: 100%;}
.qianbao_top_bar .pic{ height: 6rem;background:url("../images/qianbao_pic.jpg") ;  background-size: cover;}
.qianbao_top_bar .info_bar{ height: 3.5rem;  background-color: #fff; }
.qianbao_top_bar .info_bar .tx_bar{ width: 4rem; height: 4rem; position: relative; top: -2rem; background-image:url("../images/qianbao_pic.jpg") repeat fixed!important;}
.qianbao_top_bar .info_bar .mx_bar{ padding:10px 0px; margin-left:1rem; }
.qianbao_top_bar .info_bar .touxiang{ border:3px solid #fff;}


.theme-diy .yz_head {background-color: #336699; padding:0px;}
.theme-diy .yz_head .yz_bor{padding-right: 0.5rem;
padding-left: 0.5rem;}
.theme-diy .yz_head a {
  color: #FFFFCC;
}
.theme-diy .logo{
/**padding: 0.5rem 0.1rem;**/
font-size: 1rem;
line-height: 1.2rem;
color: #FFCC33;
}
 
.yz_head_top{
    height: 2.2rem;
    background-color: #336699
}
.yz_head_user{ height: auto; color: #FFFFCC; margin-bottom: 3px; }
.touxiang {
    width: 4.8125em;
    height: 4.8125em;
    border-radius: 4em;
    border: 0.125em solid #FFF;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2) inset;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    margin-right: 1em;
    display: inline-block;
    overflow: hidden;
    background-size: cover;
}
.yz_head_user .my-name {
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 1.2em;
    height: 1.2em;
    color: #FFFFCC;
}
.yz_head_user .zijin{
    color: #FFFFCC;
    font-size: .8rem;
}
.yz_head_user .mingxi{ 
     text-align: right;
}
 .nav-index{ background-color:#fff;}
 .nav-index ul:first-child {
    border-top: 1px solid #F6F6F6;
}
 .nav-index ul {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #F6F6F6;
    margin: 0px;
}
 .nav-index li:first-child {
    border-left: 0px none;
}
 .nav-index li {
    display: table-cell;
    width: 25%;
    text-align: center;
    border-left: 1px solid #eee;
    padding-bottom: 0.5rem;
}
 .nav-index .yz_ico{
    text-align: center;
 }

 .nav-index .icon, .nav-index .fa{
    font-size: 25px;
    line-height: 3rem;
 }
 .nav-index .icon1{ color: #0495e8}
.nav-index .icon2{ color:  #FF0033}
.slide{ height: 20rem;}

.nav-index li span{color: #666; font-size: .6rem}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    font-size: inherit;
}

.modal {
  font-size: .7rem;
  border-radius: .2rem;
}
.modal-no-buttons .modal-inner {
  border-radius: .2rem;
}
.modal-no-buttons .modal-inner:after {
  display: none;
}
.modal-no-buttons .modal-buttons {
  display: none;
}

.theme-diy .button:not(.button-fill) {
  color: #d94b73;
  border-color: #d94b73;
}
.theme-diy .button:not(.button-fill):active {
  background-color: rgba(217, 75, 115, .15);
}
.theme-diy .button:not(.button-fill).active {
  color: #fff;
  background-color: #d94b73;
}
.theme-diy .button:not(.button-fill).button-light {
  color: #ccc;
  color: #5f646e;
  border-color: #ccc;
}
.theme-diy .button:not(.button-fill).button-light:active {
  color: #0a8ddf;
  border-color: #0a8ddf;
}
.theme-diy .button:not(.button-fill).button-light.button-fill {
  color: white;
  background-color: #ccc;
}
.theme-diy .button:not(.button-fill).button-light.button-fill:active {
  background-color: #0a8ddf;
}
.theme-diy .button:not(.button-fill).button-dark {
  color: #6e727b;
  color: #5f646e;
  border-color: #6e727b;
}
.theme-diy .button:not(.button-fill).button-dark:active {
  color: #0a8ddf;
  border-color: #0a8ddf;
}
.theme-diy .button:not(.button-fill).button-dark.button-fill {
  color: white;
  background-color: #6e727b;
}
.theme-diy .button:not(.button-fill).button-dark.button-fill:active {
  background-color: #0a8ddf;
}
.theme-diy .button:not(.button-fill).button-success {
  color: #4cd964;
  border-color: #4cd964;
}
.theme-diy .button:not(.button-fill).button-success:active {
  color: #2ac845;
  border-color: #2ac845;
}
.theme-diy .button:not(.button-fill).button-success.button-fill {
  color: white;
  background-color: #4cd964;
}
.theme-diy .button:not(.button-fill).button-success.button-fill:active {
  background-color: #2ac845;
}
.theme-diy .button:not(.button-fill).button-danger {
  color: #f6383a;
  border-color: #f6383a;
}
.theme-diy .button:not(.button-fill).button-danger:active {
  color: #f00b0d;
  border-color: #f00b0d;
}
.theme-diy .button:not(.button-fill).button-danger.button-fill {
  color: white;
  background-color: #f6383a;
}
.theme-diy .button:not(.button-fill).button-danger.button-fill:active {
  background-color: #f00b0d;
}
.theme-diy .button:not(.button-fill).button-warning {
  color: #f60;
  border-color: #f60;
}
.theme-diy .button:not(.button-fill).button-warning:active {
  color: #cc5200;
  border-color: #cc5200;
}
.theme-diy .button:not(.button-fill).button-warning.button-fill {
  color: white;
  background-color: #f60;
}
.theme-diy .button:not(.button-fill).button-warning.button-fill:active {
  background-color: #cc5200;
}
.theme-diy .button.button-fill {
  color: #fff;
  background: #d94b73;
}
.theme-diy .button.button-fill.button-light {
  color: #ccc;
  color: #5f646e;
  border-color: #ccc;
}
.theme-diy .button.button-fill.button-light:active {
  color: #0a8ddf;
  border-color: #0a8ddf;
}
.theme-diy .button.button-fill.button-light.button-fill {
  color: white;
  background-color: #ccc;
}
.theme-diy .button.button-fill.button-light.button-fill:active {
  background-color: #0a8ddf;
}
.theme-diy .button.button-fill.button-dark {
  color: #6e727b;
  color: #5f646e;
  border-color: #6e727b;
}
.theme-diy .button.button-fill.button-dark:active {
  color: #0a8ddf;
  border-color: #0a8ddf;
}
.theme-diy .button.button-fill.button-dark.button-fill {
  color: white;
  background-color: #6e727b;
}
.theme-diy .button.button-fill.button-dark.button-fill:active {
  background-color: #0a8ddf;
}
.theme-diy .button.button-fill.button-success {
  color: #4cd964;
  border-color: #4cd964;
}
.theme-diy .button.button-fill.button-success:active {
  color: #2ac845;
  border-color: #2ac845;
}
.theme-diy .button.button-fill.button-success.button-fill {
  color: white;
  background-color: #4cd964;
}
.theme-diy .button.button-fill.button-success.button-fill:active {
  background-color: #2ac845;
}
.theme-diy .button.button-fill.button-danger {
  color: #f6383a;
  border-color: #f6383a;
}
.theme-diy .button.button-fill.button-danger:active {
  color: #f00b0d;
  border-color: #f00b0d;
}
.theme-diy .button.button-fill.button-danger.button-fill {
  color: white;
  background-color: #f6383a;
}
.theme-diy .button.button-fill.button-danger.button-fill:active {
  background-color: #f00b0d;
}
.theme-diy .button.button-fill.button-warning {
  color: #f60;
  border-color: #f60;
}
.theme-diy .button.button-fill.button-warning:active {
  color: #cc5200;
  border-color: #cc5200;
}
.theme-diy .button.button-fill.button-warning.button-fill {
  color: white;
  background-color: #f60;
}
.theme-diy .button.button-fill.button-warning.button-fill:active {
  background-color: #cc5200;
}
.theme-diy i.icon,
i.icon.theme-diy {
  color: #d94b73;
}
.theme-diy a,
.theme-diy .item-link.list-button {
  color: #d94b73;
}
.bar.theme-diy a,
.bar.theme-diy a i {
  color: inherit;
}
.bar.theme-diy a.active,
.bar.theme-diy a.active i {
  color: #d94b73;
}
.theme-diy .tab-item.active {
  color: #d94b73;
}
.theme-diy .range-slider input[type="range"]::-webkit-slider-thumb:before,
.range-slider.theme-diy input[type="range"]::-webkit-slider-thumb:before {
  background-color: #d94b73;
}
.theme-diy .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #d94b73 !important;
}
.theme-diy .buttons-tab:after {
  background: #d94b73;
}
.theme-diy .modal-button {
  color: #d94b73;
}
.theme-diy .actions-modal-button:not(.color-danger):not(.bg-danger) {
  color: #d94b73;
}
.theme-diy .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #d94b73;
}
.theme-diy .swiper-button-next,
.theme-diy .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d94b73'%2F%3E%3C%2Fsvg%3E");
}
.theme-diy .swiper-button-prev,
.theme-diy .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d94b73'%2F%3E%3C%2Fsvg%3E");
}


/**新闻头部**/
.news_head{ background:#fff;/*实现IE背景透明*/   }
.news_head li { display:block; margin:0px .2rem; float:left; line-height:2.2rem;}
.news_head ul{ display:block;}
.news_head a{ color: #000; }
.news_head .navmore{background:#fff; display:block;  position: absolute;left: 0;  background-color:rgba(255,255,255,0.8);}
.news_head .navmore li{ line-height:1.3rem;}
.news_head .navmore li a{ padding:0px 2px;}

/**新闻列表**/
.news_list{ margin-top:10px;}
.news_list .news{padding: .5em .5em;position: relative;border-bottom:1px solid #eee; background:#fff; height:auto; min-height:4rem;}
.news_list .news a{ color: #666;}
.news_list .news .picbar{width: 25%; float:right;}
.news_list .news .infobar{ width:73%;float:left; }
.news_list .news .picbar,.news_list .news .infobar{ height:3rem;}
.news_list .news .picbar img{ width:100%; height:3rem; max-height:3rem;}
.news_list .news .infobar .ti{ width:100%; height:2.3rem; overflow: hidden;}
.news_list .news .infobar .time{height:1rem; font-size:.6rem; position: absolute; bottom:.6em;}
.news_list .news .infobar .time span{ font-size:.6rem;}
.red{ color: red}

/**邀请好友**/
.yaoqing_bar{ }
.yaoqing_bar .yaoqing_top_bar{}
.yaoqing_bar .tx_bar{ width: 25%; }
.yaoqing_bar .tx_bar .touxiang{ border:3px solid #fff;}
.yaoqing_bar .info_bar{width: 74%; line-height: 1.3rem; padding-top: 1rem; font-weight: bold;}
.yaoqing_bar .hongbao_bar{ width: 80%; height: 6rem; background: url('../images/hongbao.png') ;   background-size:100% 100%; margin-top: 1rem; position: relative;
 margin: 1rem auto;}
.yaoqing_bar .hongbao_bar .jiage{ height: 1.5rem; width:100%; text-align: center; font-weight:bold; font-size: 2rem; color:#fff; position: absolute;
bottom:1.2rem; }
.yaoqing_bar  .code_bar{ width: 80%; height: 6rem; margin: 1rem auto;}
.code_bar img{ width: 100%; height: auto;}
.code_bar .but{ height: 2rem; line-height: 2rem; width: 100%; border-radius: 5px; background-color: #ec3f17; color: #fff; text-align: center; margin-top: .5rem;}
.fx_button{ height: 2.2rem;  line-height: 2.2rem;  background-color:rgba(255,102,102,0.6);}
.fx_but{ width: 6rem; height: 1.8rem; border-radius: 5px; background: #fff; color: #000; margin: .2rem auto;  display: block;}
.fx_but .left{ line-height: 1.8rem; }
.fx_but .fa{   width: 1.6rem;height: 1.6rem;font-size: 1rem;color: #ec3f17;line-height: 1.8rem;}

/**注册**/
.reg *{font-size: 12px; color: #333}
.list-block input[type=email]{ font-size: 14px}
.reg .item-media{ width: 10%; border-right: 1px solid #eee; text-align: center; margin-left: 5px;}
.reg .item-media i{ font-size: 20px; text-align: center; display: inline-block;}

.reg .line{ width: 100%;  border-bottom: 1px solid #999; position: relative; padding-top: 30px; text-align: center; }

.reg .line .ti{ position: absolute; margin-top: -0.4rem; font-size: 12px; display: inline ; background: #eee;   padding: 0px 20px; margin-left:-2.4rem;}


.reg .weixin_bar{ display: block; width: 2.9rem; height: 2.9rem; border-radius: 50%; border:1px solid #319600; margin: 1rem auto; font-size: .5rem; text-align: center; color: #319600}
.reg .weixin_bar .fa{ font-size: 1.2rem; display: block; text-align: center; margin-top: 6px; color: #319600}
.reg .weixin_bar .ti{font-size: 10px;}
.reg a{font-size: 12px; color: #333}
#tcc{ width: 100%; height: 100%; position: fixed; top:0px; left: 0px; background-color:rgba(0,0,0,0.8); background: url("../images/fx.png"); background-size:100% 100%; opacity: 0.9; z-index: 99999;  display: none}
#tc_news{ width: 100%; height: 100%; position: fixed; top:0px; left: 0px; background-color:rgba(0,0,0,0.8); background: url("../images/fx_news.jpg"); background-size:100% 100%; opacity: 0.9; z-index: 99999;  display: block}
#tc_shop{ width: 100%; height: 100%; position: fixed; top:0px; left: 0px; background-color:rgba(0,0,0,0.8); background: url("../images/fx_shop.jpg"); background-size:100% 100%; opacity: 0.9; z-index: 99999;  display: block}

.tcc{ width: 100%; height: 100%; position: fixed; top:0px; left: 0px; background-color:rgba(0,0,0,0.8);  background-size:100% 100%; opacity: 0.9; z-index: 99999;  display: none}
.tcc img{ margin:0px auto; margin-top:30%; display:block; width:300px;}

/**分销明细**/
.fx_bar .so{ height: 6rem;}
.fx_bar .so .left{ height: auto; margin-bottom: 5px;}
.fx_bar .so select{ padding: 5px 0px; width: 100%;}
.fx_bar .so2{ margin: 10px 0px;}

.list-block input[type=text], .list-block input[type=password], .list-block input[type=email], .list-block input[type=tel], .list-block input[type=url], .list-block input[type=date], .list-block input[type=datetime-local], .list-block input[type=time], .list-block input[type=number], .list-block input[type=search], .list-block select, .list-block textarea{ font-size: 14px}

/**杂**/
.theme-diy .button:not(.button-fill).btn-retransmit-disabled{ background:#ccc;color: #000;border-color: #ccc;}
.xz{-webkit-animation: tada 3s .2s infinite ease both;}

/**自定义背景**/
.theme-diy .yz_head_top {height: 2.4rem;background-color: #df3031; border-bottom: 1px solid #c5191a; margin-bottom: .2rem;}
.theme-diy .yz_head {background-color: #df3031;  height: auto;padding: 0px;}

.f8{ font-size:8px}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f12{ font-size:12px;}


.button { height:1.6rem; line-height:1.6rem;}

/**警告**/
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
.tool_bar{  }
.line_right{ border-right: 1px solid #d56969;}
.juzhong{ text-align: center;}
/**用户中心**/
@media screen and (max-width: 350px) {
    #yz_user_bar{ padding-left:10px;padding-top:1rem;width:60%; margin-left: 5%; float: left} 
    #yz_user_bar .nickname, #yz_user_bar .balance{ display: block}
    .tool_bar .ti{ font-size: 12px;} 
    .nav-index .icon, .nav-index .fa {font-size: 25px;line-height: 2rem;}

}

/**用户中心**/
@media screen and (min-width: 350px) {
    #yz_user_bar{ padding-left:0px;  padding-top: .9rem; float: right; width: 75%;} 
    #yz_user_bar .nickname.#yz_user_bar .balance{ float: left}
    #yz_user_bar .nickname, #yz_user_bar .balance{ display: inline-block;}
    /**#yz_user_bar .balance{ margin-left: 20px;}**/
    .tool_bar .ti{ font-size: 12px;} 
}

@media screen and(max-height: 500px){

}

.tool_bar{ font-size: .6rem; color: #FFFFCC; margin-bottom: 5px;} 

.tongzhi{ height: 2.5rem;}
.tongzhi .bar{ border: 1px solid #ccc; background-color: #fff; height: 1.5rem; margin:.5rem; border-radius: 5px; line-height: 1.5rem;   z-index: 0; }
.tongzhi .bar .up {margin-left: 5px; width: 93%;height: 1.5rem; overflow: hidden; position: relative;}
.tongzhi .bar .up .ti{ height: 1.5rem; overflow: hidden; font-size: 10px;}
.bootm_but a{ background: #fff; border:1px solid #ccc; display: block;  float: left; width: 50%; line-height: 1.5rem; height: 1.5rem;
    text-align: center; color: #FF0033; font-size: .6rem;
   }
.bootm_but a:first-child{ border-right: 0px; border-top-left-radius: 5px;  border-bottom-left-radius: 5px;}   
.bootm_but a:last-child{   border-top-right-radius: 5px;  border-bottom-right-radius: 5px;}   